.searchResultEngine {
  .backHeader {
    display: flex;
    color: #333;
    font-size: 14px;

    .backButton {
      height: 20px;
      line-height: 20px;
      cursor: pointer;
      margin-right: 20px;
    }
  }

  .content-head {
    .headerOperations {
      display: flex;
      .ant-select:hover {
        background-color: #f5f5f5;
      }

      .ant-select-selector {
        background-color: transparent !important;
      }

      .showRightPanel {
        cursor: pointer;
        color: #666;
        border-radius: 4px;
        padding: 6px 14px;
        margin-left: 10px;

        .filterNumber {
          width: 16px;
          height: 16px;
          display: inline-block;
          background-color: var(--ant-primary-color);
          color: #fff;
          border-radius: 50%;
          margin-left: 5px;
          vertical-align: middle;
          font-size: 12px;
          text-align: center;
          line-height: 16px;
        }
      }

      .showRightPanel:hover {
        color: var(--ant-primary-color);
      }

      .displayRightPanel {
        color: var(--ant-primary-color);
        background-color: var(--ant-primary-1);
      }
    }
  }

  .leftcontentmain {
    border-left: 1px solid #eee;
  }

  .content-body {
    position: relative;
    flex: 1;
    min-height: 200px;
    margin-bottom: 20px;
    overflow: auto;

    &::-webkit-scrollbar-track {
      background-color: #fff;
    }

    &>div {

      // 列项视图
      .contentlistItem {
        display: flex;
        padding-top: 16px;
        padding-left: 15px;

        &:hover {
          background-color: #f5f5f5;
        }

        &.checked {
          background-color: var(--ant-primary-1);
        }

        .ant-checkbox-wrapper {
          margin-right: 14px;
        }

        &-content {
          position: relative;
          flex: 1;
          width: 0;
          margin-bottom: 0;
          padding-bottom: 16px;
          border-bottom: 1px solid #eee;
          .itemTitle {
            cursor: pointer;
          }
          &>p {
            max-width: 100%;
            margin-bottom: 10px;
            overflow: hidden;
            color: #666;
            font-size: 12px;
            white-space: nowrap;
            text-overflow: ellipsis;

            &:first-child {
              color: #666;
              font-size: 14px;
            }

            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }

      &.thumbnail,
      &.bigthumbnail {
        display: flex;
        flex-wrap: wrap;
        // padding-top: 20px;
        // padding-left: 15px;
      }


      // 大图标 超大图标
      .contentthumbnailItem,
      .contentbigthumbnailItem {
        padding: 15px;
        cursor: pointer;
        margin-right: 16px;
        margin-bottom: 16px;
        border-radius: 4px;
        position: relative;
        text-align: center;
        // background-color: red;

        &:hover,
        &.checked {
          background-color: #f8f8f8;
        }

        .imgBox {
          // background-color: blue;
          text-align: center;
          background-repeat: no-repeat;
          background-position: center;
          border-radius: 4px;
          display: flex;
          align-items: center;
          justify-content: center;

          img {
            display: block;
            max-width: 100%;
            max-height: 100%;
          }
        }

        .searchItem_filename_box {
          width: 100%;
          height: 61px;
          margin-top: 8px;
          margin-bottom: 0;
          overflow: hidden;
          color: #333;
          font-size: 14px;
          line-height: 61px;
          white-space: nowrap;
          text-overflow: ellipsis;

          img {
            width: 14px;
            height: 14px;
            margin-right: 5px;
            margin-top: -3px;
          }
        }

        .searchItem_filename_box_mark {
          height: 19px;
          line-height: 19px;
        }

        &.markBox {
          text-align: left;

          .ant-checkbox-wrapper {
            display: none;
          }

          &:hover .searchItem_similary_box .similary_btn {
            display: block;
          }

          &:hover,
          &.checked {
            .ant-checkbox-wrapper {
              display: block;
            }
          }

          .searchItem_similary_box {
            height: 30px;
            line-height: 30px;
            margin-top: 8px;

            .similary_btn {
              // display: none;
              float: right;
              width: 30px;
              height: 30px;
              color: #666;
              text-align: center;
              border-radius: 50%;
              cursor: pointer;
              margin-top: 2px;
              &:hover {
                color: var(--inbiz-color-primary);
                background-color: #e9e9e9;
              }
              .iconContainer {
                display: inline-block;
                width: 16px;
                height: 16px;
                margin-top: 35%;
                transform: translateY(-50%);
              }
            }
          }
        }

        &.emptydiv {
          display: none;
        }

        .itemCheckbox {
          position: absolute;
          top: 15px;
          right: 15px;

          .ant-checkbox {
            top: 0;
          }

          &:after {
            height: 16px;
          }
        }

      }

      // 大图标
      .contentthumbnailItem {
        width: 210px;
        height: 265px;

        &-content {
          .imgBox {
            width: 180px;
            height: 180px;
          }
        }
      }

      // 超大图标视图
      .contentbigthumbnailItem {
        width: 250px;
        height: 310px;

        &-content {
          .imgBox {
            width: 220px;
            height: 220px;
          }
        }
      }

    }

    .ant-empty,
    .ant-spin {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .ant-empty {
      color: #ccc;

      .ant-empty-image {
        height: 80px;

        &>span {
          margin-bottom: 18px;
          font-size: 80px;
        }
      }
    }

    .spinBox {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 3;
      background-color: rgba(0, 0, 0, 0.12);
    }
  }
}

.showStyleSelect {
  .ant-select-item-option-content {
    .anticon {
      transform: translateY(1px);
    }
  }
}